<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition template="PaginaInicio.html.xhtml">

	<ui:define name="content">
	<f:loadBundle basename="resources.Usuario" var="varsita"/>
		<center>
			<h:form>
				<rich:panel>

					<f:facet name="header">

						<h:outputText value="#{varsita.actualizaciondatos}"
							style="color:red;font-size:large;" />

					</f:facet>

					<rich:panel id="p" align="center" autosized="true">

						<f:facet name="header">
							<h:outputText value="#{varsita.informacionactual}" />
						</f:facet>

						<rich:paint2D paint="#{usuarioBean.cargarFotoUsuarioSesion}"
							width="100" height="100" data="#{usuarioBean.usuario.nickUser}" />

						<br />
						<br />

						<h:panelGrid columns="3" border="5">
							<h:outputLabel id="nombre" value="#{varsita.Asterisco}#{varsita.nombreusuario}"
								for="txtNombre" />
							<h:inputText id="txtNombre" value="#{usuarioBean.usuario.nombre}"
								label="nombre" required="true" />
							<h:message id="mjNom" for="textNombre" style="color:red" />

							<h:outputLabel id="nick" value="#{varsita.Asterisco}#{varsita.apodo}" for="txtNick"/>
							<h:inputText id="txtNick" value="#{usuarioBean.usuario.nickUser}"
								label="nick" required="true" disabled="true" />
							<h:message id="mjNick" for="txtNick" style="color:red" />

							<h:outputLabel id="pass" value="#{varsita.Asterisco}#{varsita.password}" for="txtPass" />
							<h:inputSecret id="txtPass"
								value="#{usuarioBean.usuario.password}" label="pass"
								required="true" />
							<h:message id="mjPass" for="txtPass" style="color:red" />

							<h:outputLabel id="email" value="#{varsita.Asterisco}#{varsita.email}" for="txtEmail" />
							<h:inputText id="txtEmail" value="#{usuarioBean.usuario.correo}"
								label="email" required="true" />
							<h:message id="mjEmail" for="txtEmail" style="color:red" />

							<h:outputLabel id="sexo" value="#{varsita.Asterisco}#{varsita.sexo}" />
							<h:selectOneMenu value="#{usuarioBean.numeroSexo}">
								<f:selectItems value="#{usuarioBean.listarSexo}" />
							</h:selectOneMenu>
							<br></br>

							<h:outputLabel id="FNacimiento" value="#{varsita.Asterisco}#{varsita.fechanacimiento}"
								for="txtFecha" />
							<h:inputText id="txtFecha"
								value="#{usuarioBean.usuario.fechaNacimiento}"
								label="FNacimiento" required="true">
								<f:convertDateTime pattern="dd/MM/yyyy" type="date" />
							</h:inputText>
							<h:message id="mjFecha" for="txtFecha" style="color:red" />

							<h:outputLabel id="ciudad" value="#{varsita.Asterisco}#{varsita.ciudad}" />
							<h:selectOneMenu value="#{usuarioBean.numeroCiudad}">
								<f:selectItems value="#{usuarioBean.listarCiudades}" />
							</h:selectOneMenu>

						</h:panelGrid>

					</rich:panel>
					<br />
					<h:commandButton value="#{varsita.actualizar}"
						action="#{usuarioBean.actualizarUsuario}"></h:commandButton>


				</rich:panel>
			</h:form>

		</center>


	</ui:define>
	<ui:define name="footer">
	<h:form>
			<center>
			<h5>
				<h:commandLink value="#{varsita.atras}"
					action="OperacionesUsuario.html.xhtml"></h:commandLink>
			</h5>
			</center>
		</h:form>
	</ui:define>
</ui:composition>
</html>